<!--
 * @Author: Evan-lian
 * @Date: 2019-06-01 22:34:43
 * @LastEditors: Evan-lian
 * @LastEditTime: 2020-10-21 09:31:00
 * @Description: 
 -->
<template>
    <div>
        <div class="col-xs-2 siderbar">
            <div class="nav">
                <router-link tag="div" :to="{name:`adduser`}" class="navli">添加用户</router-link>
                <router-link tag="div" :to="{name:`usercenter`}" class="navli">用户管理</router-link>
                <router-link tag="div" :to="{name:`learnts`}" class="navli">学习ts</router-link>
            </div>
        </div>
        <div class="col-xs-10">
            <router-view></router-view>
        </div>

    </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  created() {},
  computed: {},
  components: {}
};
</script>

<style lang='less' scoped >
.siderbar {
    border-right: 1px solid #000;
    text-align: center;
    .nav .navli{
        height:40px;
        line-height: 40px;
        &:hover{
            cursor: pointer;
            color:red;
            font-weight: bold;
        }
    } 
}
</style>
